<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 需求：要求用户输入2数字，要求做加法操作
			同时要求展现 加法的和 输入第二个数字时回车触发，
			在指定一个“计算”的按钮-->
			
		<div id="app">
			数值1:<input type="text" v-model="num1" /><br>
			数值2:<input type="text" v-model="num2" @keyup.enter="addNum"/>
			<button @click="addNum">提交</button><br>
			总数:<span v-text="count"></span>
		</div>
		<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
				<script>
					const app =new Vue({
						el: "#app",
						data: {
							num1: '',
							num2: '',
							count: 0
						},
						methods:{
							addNum(){
								
								this.count=parseInt(this.num1)+parseInt(this.num2)
							}
						}
					})
		</script>
	</body>
</html>
